universidade 


anhembi PUSH ME 
morumbi PULL YOU 


'* Laureate International Universities 


a 


Direção de Arte para 
Games 


Solução de Problemas 


Tiago Eugenio dos Santos 


tiagoeugeniodossantos (A gmail.com 


Solução de Problemas 


* Parte do dia a dia de um Diretor de Arte é solução de problemas, seja ele técnico, 


artistico ou de prazo. 

* O ideal é que o Conceito de Criação seja o norte do projeto, e muitas vezes a visão 
do Diretor de Arte cria limitações e problemas a serem resolvidos. 

* Essas limitações e problemas não devem ser encarados de forma negativa, e sim 
como um motor para a busca da melhor solução. 

* As soluções encontradas resultam em inovações e estabelecimentos de padrões 


artísticos. 


Solução de Problemas 


º É usual que um Diretor de Arte iniciante, sinta-se tentado a fazer (copiar) esse ou 
aquele estilo. 


* O que devemos lembrar é que ao fazer exatamente um estilo já estabelecido caso 
não haja uma profunda pesquisa, iremos produzir apenas uma degeneração do 
estilo conhecido. 


* É necessário saber os meandros e detalhes específicos do estilo já estabelecido. 


* E mesmo se formos criar (combinar) um novo estilo, é recomendável que 
conheçamos bem nossas referências. 


Rayman Legends 


º A filosofia de design por tras do jogo Rayman Legends era criar um mundo tão 
bonito quanto sua arte conceitual. 


º "A declaração de missão era simples: Queremos jogar dentro do concept art. 
Nossa equipe em Montpellier acha lamentável que a arte conceitual seja apenas 
Isso -. Conceitos” - Level Designer Chris McEntee 
(Ubisoft) 


* No entanto trazer o concept art para a arte final em um side-scrolling traz algumas 
limitações, como a profundidade de campo e visual plano. 


Problema 


* A equipe de Rayman Legends queria fazer um side-scrolling com arte 
conceitual. 


* Jogos side-scrolling em geral tem uma profundidade de campo muito 
pequena. 


* Um bom exemplo disso são jogos baseados em tile. 


* Tudo se encaixa de forma limpa dentro de uma grade, permitindo medições 
muito precisas para as alturas de salto e distâncias. 


Normalmente o plano de fundo está a uma grande 
distância, o que significa que não existe qualquer 
ambiguidade sobre se algo é ou não parte do fundo. 
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Profundidade de Campo no Side Scrolling 


* Mesmo que as texturas ganhassem mais detalhes, ainda teriamos pouca 
profundidade de campo. 


* Vamos olhar as imagens do artista JinnDEvil presentes no próximo slide. 
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Voltando para Rayman Legends - 
Profundidade de Campo 


º A profundidade de campo na fotografia e no cinema trabalham com objetos 


desfocados, porêm em Games muitas vezes nem existem esses níveis. 
Como vimos nos exemplos anteriores temos 2 ou 3 níveis apenas, sendo que 


um é o plano de jogo. 
* Rayman Legends foi concebido para ser um jogo multiplataforma que fosse 
capaz de competir com os grandes jogos das novas gerações de hardware. 
* E seu conceito não estava em fazer um jogo side-scrolling que repetisse o 


mesmo visual ja tanto empregado. 


Problema 


* Criar um jogo que espelha o seu conceito de arte não é tarefa simples, 
mesmo para a equipe de design experiente. 


º Existem muitas regras e boas práticas de projeto, mas quando a equipe quer 
priorizar a visão artística de um jogo sobre qualquer outra coisa, as vezes, 


Como criar um jogo side scrolling que tenha grande profundidade de campo? E 
passe a impressão de um mundo tridimensional? 


Profundidade de Campo 


Profundidade de campo é o termo usado em óptica para delimitar o espaço de 
foco que temos em uma imagem, seja ela vista por nossos olhos, por uma câmera 
digital ou película. Assim, imagens que estão fora do plano focal ficam desfocadas 
e sem nitidez. 


Podemos identificar tal efeito posicionando um objeto, como sua mão, a 10 
centimetros dos olhos e alternar o foco entre o objeto e o fundo. Quando 
forçamos para enxergar o objeto próximo, o fundo torna-se borrado, enquanto 


quando & entamo mo.Qlhar para o f 


“, 


do, o objeto torna-se desfocado 
Es vB: En) 


Taltécnica é amplamente usada 
na fotografia e no cinema, uma 
vez que aumenta o tom 
dramático de uma imagem ou 
força a atenção do espectador 
para determinado ponto quando 
utiliza-se pouca profundidade de 
campo, gerando planos 
extremamente desfocados. 


Neste quadro do filme “Um Ato 
de Liberdade”, o personagem 
destaca-se da multidão pela 
utilização de pouca profundidade 
de campo e foco seletivo no 
personagem. 


Já neste quadro do 
filme “Cidadão 
Kane” o caminho 
comprido que 
Une-se ao 
horizonte tem seu 
final desfocado 
aumentando a 
dramaticidade e 
exagera a 
percepção de 
distancia da 
estrada. 


O controle da 
profundidade de 
campo permite 
dispor uma cena no 
eixo longitudinal, 
com dois ou mais 
planos de ação 
dentro de um 
mesmo 
enquadramento. 


Parallax 


º Parallax é uma técnica na qual imagens de fundo se movem mais lentas do 
que imagens de primeiro plano, criando uma ilusão de profundidade em 
uma cena 2D e adicionando imersão. A técnica surgiu da camera 
multiplosplanos usada na animação tradicional desde a década de 1930. A 
tecnica de Parallax foi popularizada em jogos de arcade como Moon Patrol e 
Jungle Hunt, ambos lançados em 1982. 


A Solução 


º Para contrariar o sentimento de plano separado que estávamos vendo, os 


artistas em Rayman Legends fizeram uso de um grande número de sprites 
em HD, e em diferentes niveis de profundidade a partir do plano de jogo. 


* Alguns arbustos estão quase colados no plano de jogo, mas a poucos metros 
atras deles estã uma arvore, e por tras disso, outra coisa. Muito atras serão 
as nuvens e o céu, e até mesmo as nuvens têm diferentes níveis de 
profundidade. 


* Uma area de caverna tera uma parede perto do plano de jogo, mas com 
pequenos orifícios que revelam a profundidade do mundo por trás dele. As 
vezes ha elementos gráficos feitos para estender visualmente o plano de 
jogo para a frente ou para trás, mesmo que o jogo ainda é 100% 
idimensional. 
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Voltando para Rayman Legends 
Design Orgânico 
* Fazer um jogo com arte conceitual que seja coerente e jogável tem suas 


desvantagens, as vezes é dificil equilibrar a realização artistica com as intenções 
do design. 


* Em Rayman Legends, a Direção de Arte queria um design mais orgânico, pois 
muitas paisagens do jogo são paisagens naturais. E mesmo que estejamos falando 
de uma estetica cartoon, a topologia deveria ser construida em curvas, assim 
como vemos as formas na natureza. 


* Se a geometria do gameplay é completamente quadrada ou contém muitos 
angulos retos, a imersão e credibilidade do mundo pode ser facilmente perdido, de 
repente tudo se torna artificial. 


* O que se ganha em termos de qualidade estética pode ser um pouco perdido em 
clareza e métrica. 


º A imagem abaixo mostra um mau exemplo de topologia para o jogo, ao passo que 
a imagem mais baixo é um melhor exemplo do que poderia ser esperado de um 
nivel de Rayman. A jogabilidade é exatamente a mesma em ambos; as distâncias 
são as mesmas, mas a suavidade do ponto de partida torna-se muito menos claro 
onde o jogador precisa para iniciar seu salto. O compromisso é que o pico do 
morro e onde o jogador supostamente deve saltar - fornecendo alguma sugestão 

visual -, ja não é completamente óbvio. 


"Os elementos de design do gameplay de Rayman Legends, mesmo que ainda 


altamente artísticos, devem ser construidos de forma a se encaixar com os elementos do 


jogo. Feedback visual é crucial para a compreensão do jogador e uma silhueta forte ajuda 
a legibilidade em um ambiente detalhado. 

O processo de design de Rayman tem sido altamente afetado por restrições 
artísticas, mas isso não é inerentemente uma coisa ruim. Restrições não impedem que a 
ideia perfeita venha à vida; em vez disso, força ela para fora de você. Sem restrições 
suficientes você pode facilmente perder a direção. O desafio esta em ir se adaptando as 
restrições, mesmo que vá contra o seu estilo de trabalho. 

Atraves da criação de dois jogos Rayman, eu, pessoalmente, aprendi a não forçar a 
minha visão para o mundo de Rayman, mas sim para forçar a visão do mundo em meu 
processo de pensamento. Dessa forma, eu filtrei as minhas ideias para que apenas 


aquelas que realmente se encaixam no universo e estilo de jogo vão ser utilizadas." 


- Chris McEntee (Level Designer Rayman's Legends) 


Mundo aberto X Caminho “certo” 


* Muitos jogos de mundo aberto têm de lidar com ambientes foto realistas 
que podem chamar a atenção do jogador em muitas direções diferentes. 


* E em muitos casos a proposta é que haja um caminho “certo” para se 
desenvolver a história ou as quests do jogo. 


* Caso tenhamos que guiar o jogador pelo mundo aberto, quais as formas que 
a Direção de Arte têm para fazê-lo? 
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Key lessons developers can take away from Breath of the Wild 


º http://www.gamasutra.com/view/news/293802/Key lessons developers ca 
n take away from Breath of the Wild.php 


º https://www.youtube.com/watch?v=z2DpcdYuRGo&list=PLrSZDOvRCmRB 
LuYs DPZoxadMonjbNijZ 


* Sugestão: Shirozaki 


Cor como identidade em Push Me Pull You 
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º* É um jogo de esportes 2v2, onde cada equipe compartilha um único corpo 
alongado cujas extremidades se movem independentemente, o que eles podem 
aumentar e diminuir à medida que lutam com a equipe adversária por posse de 
bola. 


* Fundamentalmente, é também um jogo sobre corpos. 


* Como o foco são as pessoas, a Direção de Arte tinha como responsabilidade 
representar os diferentes tipos de pessoas, que em grande parte foi feito com o 
uso dos tons de pele. 


º* O jogo foi desenhado utilizando vetores, com tudo processado como formas 
limpas, geralme | Ss 


Push Me Pull You 


º A paleta de cor escolhida inicialmente foi bem particular, tons suaves que 
não contrastam com muita força. 


* A escolha das cores é extremamente importante, não sô na definição da 
identidade visual do nosso jogo, mas em como ele afeta legibilidade geral 
do jogo. 


* Em um jogo de multiplayer local, a legibilidade é extremamente importante. 


Cor como identidade 


* Neste caso, onde existem duas equipas de dois jogadores na tela todo o 
tempos, pode ser complicado para manter o controle de seu personagem no 
meio da confusão selvagem dos corpos. 


* Como a estratégia do jogo é tão dependente de cooperação e comunicação, 
tambem e realmente essencial que os jogadores tenham uma maneira de 
descrever o que está acontecendo com seus companheiros de equipe. 


2 O design visual deste jogo - com os tons de pele e falta de detalhes - 
significava que as cores dos tons de pele, tornaram-se rapidamente um 
atalho para como os jogadores se identificavam. 


Push Me Pull You 


º Isso levantou um problema conceitual particular - visto que o tom da pele se 


tornava uma caracteristica definidora, os jogadores a utilizavam para 
descrever seu time. 


* O que gerou uma situação ruim. Os jogadores descreviam suas equipes e as 
do adversário utilizando palavras identificadoras raciais. 


* E poderiam muitas vezes se utilizar de linguajar preconceituoso. 


Cor como identidade 


* Os jogadores precisam de uma maneira de identificar uma ou outra equipe 
rapidamente, e a cor da pele foi a maneira mais clara de fazer isso. 


º Isto não é problemático em si mesmo: a cor é um atalho útil para distinguir 
os jogadores, e varios jogos de multiplayer local codificam seus personagens 
e equipes dessa maneira. 


º A diferença é que nesse jogo é que não estavam usando cores primárias, 
como, azul, verde vermelhos - estes eram corpos nus, e não fantasias OU 
uniformes. 


O Problema 


º Já havia um sistema para distinguir os jogadores: Durante a customização 


do personagem, quando você seleciona seu corte de cabelo e cor da pele, os 
j j 
jogadores também iriam selecionar uma cor da equipe. 


º O problema é que estas cores da equipe eram muito menos visíveis no jogo 
do que as cores de pele, e portanto foram amplamente ignoradas pelos 
jogadores, em detrimento de descrições raciais. 


* Qual seria a solução deste problema? 


Fazendo as cores do time mais visiveis e 
especificas 


º A solução escolhida foi enfatizar e especificar estas cores da equipe sempre 
que possivel. 


º* A abordagem mais Obvia para isso era fazer estas cores da equipe tão 
visiveis como possivel. 


* Todas as linhas de marcação no jogo e elementos de interface do usuário 
estão representados na cor respectiva da equipe, como a marcação dos 
pontos, feita através de um circulo crescente da cor. As equipes seriam mais 
fortemente associadas com significado dessa cor. 


º Esta solução foi estendida para a interface do usuário fora-de-jogo. 


* Todas as telas que eram relevantes para os jogadores individuais foram divididos 
ao meio, com cada lado colorido em conformidade. 


* Esta solução fez com que os jogadores parassem de usar o tom da pele como 
modo de identificação. 


* Isto teve um efeito colateral agradável de reforçar a localização fisica dessas 
equipes na tela: os jogadores começaram a associar suas equipes com o lado 


e Ryo 


* Além de simplesmente fazer essas cores mais proeminentes durante todo o jogo, 
foi tomado outra abordagem, mais sutil, para ajudar os jogadores a se identificar 
pelas cores da equipe. A paleta de cor foi refinada levando em conta a linguagem. 


º As cores escolhidas deveriam ser bem especificas e nomeável. 


* Cada cor deve ter um nome em Inglês comumente entendido, sem conotações ou 
sinônimos contenciosos. Por outro lado, os tons de pele foram mudados para 
cores relativamente vagas, de modo que era apresentando uma gama de tons que 
não estavam tentando representar nenhuma etnia particular. E Não foram 
apresentadas de forma gradativa (Do claro para o escuro ou vice-versa). 
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“Ao alterar a forma como as equipes dos jogadores são enquadradas pelo jogo 
em si, notamos uma clara desistências da linguagem racialmente-focalizada 
que jogadores originalmente usavam para identificar-se e a equipe adversária. 
Atraves de uma série de ajustes no design visual do nosso jogo, temos sido 
capazes de moldar a linguagem usada para explicar a sua ação na tela, 
preservando a inclusão e diversidade, sentimos a responsabilidade de 
esforçar-se para em fazer um videogame sobre corpos.” 


- Michael McMaster (House House) 


Hora de Analisar!!! 


* E importante que sejamos capazes de analisar erros e acertos, tanto em 
nossos trabalhos quanto nos trabalhos similares de outras equipes. 


* Aideia não é apenas apontar os defeitos, mas ser capaz de enxergar os 
acertos, e fornecer soluções para os possiveis erros. 


Para a próxima aula 


* Apresentar jogos similares com o Inter em relação a Direção de Arte: 


* Mostrar video de gameplay e fazer uma breve análise da arte do jogo (5 à 10 
minutos) 


* Quem não participa do Inter, fazer de um jogo a sua escolha. 


